<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="物美价廉，品质有保障">
    <meta name="description" content="物美价廉，品质有保障">
    <title>兔儿鲜网站</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./assets/slick/slick.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 快捷导航栏区域 -->
    <div class="shortcut">
        <div class="wrapper">
            <ul>
                <li><a href="#">请先登录</a></li>
                <li><a href="#">请先登录</a></li>
                <li><a href="#">请先登录</a></li>
                <li><a href="#">请先登录</a></li>
                <li><a href="#">请先登录</a></li>
                <li><a href="#">请先登录</a></li>
                <li><a href="#"><span></span>手机</a></li>
            </ul>
        </div>
    </div>
    <!-- 头部区域 -->
    <div class="header">
        <div class="wrapper">
            <div class="logo">
                <h1><a href="#">小兔鲜儿</a></h1>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">首页</a></li>
                </ul>
            </div>
            <div class="search">
                <input type="text" placeholder="搜一搜">
                <span></span>
            </div>
            <div class="car">
                <span>2</span>
            </div>
        </div>
    </div>
    <!-- banner区域 -->
    <div class="banner">
        <div class="wrapper">
            <ul>
                <li><a href="#"><img src="./uploads/banner_1.png" alt=""></a></li>
            </ul>
            <!-- 侧边栏区域 -->
            <div class="aside">
                <ul>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="">生鲜<span>水果 蔬菜</span></a></li>
                </ul>
            </div>
            <!-- 箭头区域 -->
            <a class="prev"></a>
            <a class="next"></a>
            <!-- 底部圆点区域 -->
            <ol class=".indicator">
                <li></li>
                <li></li>
                <li class="current"></li>
                <li></li>
                <li></li>
            </ol>

        </div>
    </div>
    <!-- 新鲜好物区域 -->
    <div class="goods wrapper">
        <div class="hd">
            <h2>新鲜好物 <span>品质靠谱 质量保障</span></h2>
            <a href="#">查看全部</a>
        </div>
        <div class="hb clearfix">
            <ul>
                <li>
                    <a href="#">
                        <img src="./uploads/new_goods_1.jpg">
                        <h3>睿米无线吸尘器F8</h3>
                        <div>￥<span>899</span></div>
                        <b>新品</b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./uploads/new_goods_2.jpg">
                        <h3>睿米无线吸尘器F8</h3>
                        <div>￥<span>899</span></div>
                        <b>新品</b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./uploads/new_goods_3.jpg">
                        <h3>睿米无线吸尘器F8</h3>
                        <div>￥<span>899</span></div>
                        <b>新品</b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./uploads/new_goods_4.jpg">
                        <h3>睿米无线吸尘器F8</h3>
                        <div>￥<span>899</span></div>
                        <b>新品</b>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--生鲜区域 -->
    <div class="shengxian wrapper">
        <div class="hd">
            <h2>生鲜</h2>
            <a href="#" class="more">查看全部</a>
            <ul>
                <li><a href="#">水果</a></li>
                <li><a href="#">水果</a></li>
                <li><a href="#">水果</a></li>
                <li><a href="#">水果</a></li>
                <li><a href="#">水果</a></li>
                <li><a href="#">水果</a></li>
                <li><a href="#">水果</a></li>
            </ul>
        </div>
        <div class="hb clearfix">
            <div class="left">
                <a href="#"><img src="./uploads/fresh_goods_cover.png" alt=""></a>
            </div>
            <div class="right">
                <ul>
                    <ul>
                        <li><a href="#"> <img src="./uploads/fresh_goods_1.jpg" alt="">
                                <p>红功夫 麻辣小龙虾1.5kg <br>
                                    4-6钱/25-32只 <br>
                                    火锅食材 </p>
                                <div>￥<span>59</span></div>
                            </a></li>
                        <li><a href="#"> <img src="./uploads/fresh_goods_2.jpg" alt="">
                                <p>红功夫 麻辣小龙虾1.5kg <br>
                                    4-6钱/25-32只 <br>
                                    火锅食材 </p>
                                <div>￥<span>59</span></div>
                            </a></li>
                        <li><a href="#"> <img src="./uploads/fresh_goods_3.jpg" alt="">
                                <p>红功夫 麻辣小龙虾1.5kg <br>
                                    4-6钱/25-32只 <br>
                                    火锅食材 </p>
                                <div>￥<span>59</span></div>
                            </a></li>
                        <li><a href="#"> <img src="./uploads/fresh_goods_4.jpg" alt="">
                                <p>红功夫 麻辣小龙虾1.5kg <br>
                                    4-6钱/25-32只 <br>
                                    火锅食材 </p>
                                <div>￥<span>59</span></div>
                            </a></li>
                        <li><a href="#"> <img src="./uploads/fresh_goods_5.jpg" alt="">
                                <p>红功夫 麻辣小龙虾1.5kg <br>
                                    4-6钱/25-32只 <br>
                                    火锅食材 </p>
                                <div>￥<span>59</span></div>
                            </a></li>
                        <li><a href="#"> <img src="./uploads/fresh_goods_6.jpg" alt="">
                                <p>红功夫 麻辣小龙虾1.5kg <br>
                                    4-6钱/25-32只 <br>
                                    火锅食材 </p>
                                <div>￥<span>59</span></div>
                            </a></li>
                        <li><a href="#"> <img src="./uploads/fresh_goods_7.jpg" alt="">
                                <p>红功夫 麻辣小龙虾1.5kg <br>
                                    4-6钱/25-32只 <br>
                                    火锅食材 </p>
                                <div>￥<span>59</span></div>
                            </a></li>
                        <li><a href="#"> <img src="./uploads/fresh_goods_8.jpg" alt="">
                                <p>红功夫 麻辣小龙虾1.5kg <br>
                                    4-6钱/25-32只 <br>
                                    火锅食材 </p>
                                <div>￥<span>59</span></div>
                            </a></li>

                    </ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- 版权区域 -->
    <div class="footer">
        <div class="wrapper">
            <div class="top">
                <ul>
                    <li><span>价格亲民</span></li>
                    <li><span>价格亲民</span></li>
                    <li><span>价格亲民</span></li>
                </ul>
            </div>
            <div class="bottom">
                <p>
                    <a href="#">关于我们</a>|
                    <a href="#">关于我们</a>|
                    <a href="#">关于我们</a>|
                    <a href="#">关于我们</a>|
                    <a href="#">关于我们</a>|
                    <a href="#">关于我们</a>|
                    <a href="#">关于我们</a>|
                </p>
                <p>CopyRight @ 小兔鲜儿"</p>
            </div>
        </div>
    </div>
</body>
<script src="./assets/jquery/jquery-3.5.1.min.js"></script>
<scrip src="'./assets/slick/slick.min.js"></scrip>
<script>
;(function(){
    console.log($('div'))
    $('.banner.wrapper ul').slick({
    preArrow:'.prev',
    nextArrow:'.next',
    autoplay:true,
    dots:true,
    appendDots:'.indicator'
})
})()
</script>
</html>